<!--
 * @Author: cqg 
 * @Date: 2020-11-12 20:32:14
 * @LastEditors: xjt
 * @LastEditTime: 2020-12-24 10:11:41
 * @Description: file content
-->
<template>
  <div class="margin-box card-box box-shadow content" style="padding: 16px;">
    <el-button style="float: right;" @click="exportData()">导出</el-button>
    <dataList
      placeholder="搜索物业名称"
      :pageInfo="account.pager"
      :listData="account.tableData"
      :selectData="account.selectDataArr"
      searchName="propertyNames"
      :filterList="account.filterList"
      :menuList="[]"
    >
      <el-table ref="multipleTable" :data="account.tableData" @selection-change="$event => (account.selectDataArr = $event)">
        <!-- <el-table-column type="selection" width="55" align="center"/> -->
        <el-table-column label="物业名称" width="100" align="center" prop="propertyNames" />
        <el-table-column label="账单日期" width="100" align="center" prop="billDate" />
        <el-table-column label="费用周期" align="center">
          <template slot-scope="scope">
            {{ scope.row.costPeriodStart }} _
            {{ scope.row.costPeriodEnd }}
          </template>
        </el-table-column>
        <el-table-column label="合同月租金(元)" width="120" align="center" prop="contractReceivableMoneyTotal" />
        <el-table-column label="本次应收租金(元)" width="135" align="center" prop="currentReceivableMoney" />
        <el-table-column label="本次申请收款金额(元)" width="140" align="center" prop="receivableTotal" />
        <el-table-column label="状态" width="70" align="center" :formatter="dictVal_bill_status" prop="billStatus" />
        <el-table-column label="操作" align="center" class="operaColumn" width="250">
          <template slot-scope="scope">
            <span style="”cursor:pointer;”" class="operating" @click="$refs.contractView.show(scope.row.rentContractId)">查看合同</span>|
            <span class="operating" @click="$refs.accounting.show('preview', scope.row)">查看核算表</span>
            <span v-if="scope.row.billStatus == '02'">|</span>
            <span class="operating" v-if="scope.row.billStatus == '02'" @click="$refs.accounting.show('pay', scope.row)">收款</span>
          </template>
        </el-table-column>
      </el-table>
    </dataList>
    <!-- 合同展示组件 -->
    <contract-view ref="contractView" />
    <accounting ref="accounting" @changeAccountList="queryData" />
  </div>
</template>
<script src="./index.js"></script>
<style lang="scss" scoped>
.operating {
  cursor: pointer;
  color: #1563d1;
}
</style>
